<!-- 列表 -->
<div  *ngIf="listData?.data && listData?.data.length;else other_content">
  <ion-content class="list-box" style="position: absolute;--background: #f2f3f5" [forceOverscroll]="true">
    <div id='ContractListFilterComponent{{i}}' #listBox class="list-card" *ngFor="let listInfo of listData?.data,let i = index">
      <div class="card-content" appDebounceClick (debounceClick)="clickLink(listInfo?.link)">
        <!-- 编号 状态 -->
        <div class="card-header">
          <span [ngStyle]="listInfo?.firstRowLeft_1?.cssStyle | styleFilter"
            [innerHTML]="listInfo?.firstRowLeft_1?.text"></span>
          <span [ngStyle]="listInfo?.firstRowRight_1?.cssStyle | styleFilter"
            [innerHTML]="listInfo?.firstRowRight_1?.text"></span>
        </div>
        <div class="card-info">
          <!-- 标题 tag -->
          <div class="info-title marginb63">
            <span class="info-title-tx" [ngStyle]="listInfo?.secondRowLeft_1?.cssStyle | styleFilter"
              [innerHTML]="listInfo?.secondRowLeft_1?.text"></span>
            <span *ngIf="listInfo?.secondRowLeft_2?.text" class="info-tag" [ngStyle]="listInfo?.secondRowLeft_2?.cssStyle | styleFilter"
              [innerHTML]="listInfo?.secondRowLeft_2?.text"></span>
          </div>
          <!-- 信息号码 num 日期 -->
          <div class="marginb63 font75 color85" [ngStyle]="listInfo?.thirdRowLeft_1?.cssStyle | styleFilter"
            [innerHTML]="listInfo?.thirdRowLeft_1?.text"></div>
          <div class="info-data font75">
            <span class="colorff6" [ngStyle]="listInfo?.fourthRowLeft_1?.cssStyle | styleFilter"
              [innerHTML]="listInfo?.fourthRowLeft_1?.text"></span>
            <span class="colorb6" [ngStyle]="listInfo?.fourthRowRight_1?.cssStyle | styleFilter"
              [innerHTML]="listInfo?.fourthRowRight_1?.text"></span>
          </div>
        </div>
      </div>
    </div>


    <!-- 向上滚动刷新 -->
    <ion-infinite-scroll (ionInfinite)="loadMoreData($event)">
      <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="Loading more data...">
      </ion-infinite-scroll-content>
    </ion-infinite-scroll>
  </ion-content>
</div>
<ng-template #other_content>
  <div class="noDataButton">暂无数据</div>
</ng-template>